﻿/***********************门户框架样式***********************/
.portal-header {
    background: url("../images/Party/header-background.jpg") no-repeat;
    width: 962px;
    height: 230px;
    margin: 0px auto;
    border: 1px solid #E45245;
    border-bottom: 0px;
}

.portal-header-loginuser {
    float: right;
    color: White;
    margin: 10px 20px 0 0;
    font-size: 14px;
}

    .portal-header-loginuser a {
        color: #FFFFC7;
    }

    .portal-header-loginuser #sp_user_info {
        color: #FFFFC7;
        cursor: pointer;
    }

.portal-memu {
    background: url("../images/Party/menu-background.jpg") no-repeat;
    width: 962px;
    height: 44px;
    margin: 0px auto;
    border-left: 1px solid #E45245;
    border-right: 1px solid #E45245;
    position: relative;
}

    .portal-memu ul {
        margin-left: 2px;
        display: inline-block;
        height: 44px;
    }

.menu-item {
    float: left;
    color: #FFFFC7;
    height: 44px;
    line-height: 44px;
}

    .menu-item a {
        height: 44px;
        line-height: 44px;
        display: inline-block;
        color: #FFFFC7;
        padding: 0px 6.2px;
        font-size: 14px;
    }



.portal-menu-branch-navigation {
    width: 102px;
    height: 28px;
    line-height: 28px;
    background: url("../Images/Party/portal-menu-branch-navigation.jpg") no-repeat;
    position: absolute;
    right: 5px;
    top: 8px;
    color: #FFFFC7;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    font-weight: bolder;
}

.portal-memu-branch-tree {
    width: 250px;
    height: 330px;
    background: #fff;
    position: absolute;
    border: 2px solid #E45245;
    top: 268px;
    right: 2px;
    z-index: 10000;
}

.tree-search-bar {
    height: 30px;
    width: 350px;
    background: url("../images/Party/widget-list-title-background.jpg") repeat-x scroll 0 0 transparent;
}

#tree_search_text {
    width: 205px;
    padding: 2px 5px;
    margin: 3px;
    float: left;
}

#tree_search_button {
    width: 16px;
    height: 16px;
    border: 0px;
    background: url("../images/Party/tree-branch-search-button.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    margin: 7px 0px 0px 5px;
    float: left;
}

.tree-branch-list {
    width: 250px;
    height: 300px;
    overflow: auto;
}

    .tree-branch-list .tree-branch-item {
        border: 1px dotted #CCCC;
    }

.tree-branch-item A {
    display: block;
    height: 20px;
    line-height: 20px;
    padding-left: 5px;
}

.portal-content {
    background: #FECFB1;
    /*width: 962px;*/
    width: 100%;
    border-left: 1px solid #E45245;
    border-right: 1px solid #E45245;
    margin: 0px auto;
}

.widget-place-left {
    width: 315px;
    float: left;
}

.widget-place-right {
    width: 637px;
    float: right;
    -margin-right: -14px;
}

.widget-info-left {
    width: 270px;
    float: left;
    margin-top: 10px;
    border: 1px solid #E5695D;
}

.widget-info-right {
    margin-top: 10px;
    width: 675px;
    float: right;
    -margin-right: -10px;
}

.widget {
    margin: 3px 0px;
}

.widget-left-header {
    background: url("../images/Party/widget-left-header.jpg") no-repeat;
    width: 315px;
    height: 46px;
}

.widget-center-header {
    background: url("../images/Party/widget-center-header.jpg") no-repeat;
    width: 437px;
    height: 46px;
}

.widget-right-header {
    background: url("../images/Party/widget-right-header.jpg") no-repeat;
    width: 637px;
    height: 46px;
}

.widget-right-headerEx {
    background: url("../images/Party/widget-right-headerEx.jpg") no-repeat;
    width: 637px;
    height: 46px;
}

.widget-title {
    height: 46px;
    line-height: 46px;
    font-size: 22px;
    font-weight: bolder;
    color: #FEFFFD;
    margin-left: 25px;
}

.widget-tab {
}

    .widget-tab ul {
        height: 28px;
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #E45245;
    }

    .widget-tab li {
        height: 28px;
        float: left;
        color: #333333;
        font-size: 14px;
        white-space: nowrap;
        display: inline;
    }

.widget-tab-item {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    height: 28px;
    display: inline-block;
    cursor: pointer;
}

.widget-tab-item-actived {
    background: url("../images/Party/widget-tab-actived.jpg") no-repeat center bottom;
    color: #E45245;
}

.widget-left-content-top {
    margin-top: 2px;
    width: 315px;
    height: 9px;
    -margin-bottom: -6px;
    background: url("../images/Party/widget-left-content-top.jpg") no-repeat;
}

.widget-left-content-middle {
    width: 295px;
    background: url("../images/Party/widget-left-content-middle.jpg") repeat-y;
    padding: 0px 10px;
}

.widget-left-content-bottom {
    width: 315px;
    height: 9px;
    -margin-top: -6px;
    background: url("../images/Party/widget-left-content-bottom.jpg") no-repeat 0px bottom;
}

.widget-center-content-top {
    margin-top: 2px;
    width: 437px;
    -margin-bottom: -6px;
    height: 9px;
    background: url("../images/Party/widget-center-content-top.jpg") no-repeat;
}

.widget-center-content-middle {
    width: 437px;
    background: url("../images/Party/widget-center-content-middle.jpg") repeat-y;
}

.widget-center-content-bottom {
    width: 437px;
    height: 9px;
    -margin-top: -6px;
    background: url("../images/Party/widget-center-content-bottom.jpg") no-repeat 0px bottom;
}

.widget-right-content-top {
    margin-top: 2px;
    width: 637px;
    height: 9px;
    -margin-bottom: -6px;
    background: url("../images/Party/widget-right-content-top.jpg") no-repeat;
}

.widget-right-content-middle {
    width: 617px;
    background: url("../images/Party/widget-right-content-middle.jpg") repeat-y;
    padding: 0px 10px;
}

.widget-right-content-bottom {
    width: 651px;
    height: 9px;
    background: url("../images/Party/widget-right-content-bottom.jpg") no-repeat;
}

.widget-full-content-top {
    width: 951px;
    height: 9px;
    background: url("../images/Party/widget-full-content-top.jpg") no-repeat;
}

.widget-full-content-middle {
    width: 947px;
    -margin-top: -6px;
    padding-left: 2px;
    padding-right: 2px;
    background: url("../images/Party/widget-full-content-middle.jpg") repeat-y;
}

.widget-full-content-bottom {
    width: 951px;
    height: 9px;
    background: url("../images/Party/widget-full-content-bottom.jpg") no-repeat;
}

.widget-content {
    position: relative;
    padding-top: 3px;
}

.widget-notice-top {
    width: 190px;
    height: 35px;
    background: url("../images/Party/widget-notice-top.jpg") no-repeat;
}

.widget-notice-middle {
    width: 190px;
    background: url("../images/Party/widget-notice-middle.jpg") repeat-y;
}

.widget-notice-bottom {
    width: 190px;
    height: 9px;
    background: url("../images/Party/widget-notice-bottom.jpg") no-repeat;
}

.portal-notice {
    width: 962px;
    height: 30px;
    margin: 0px auto;
    -margin-top: -3px;
    border-left: 1px solid #E45245;
    border-right: 1px solid #E45245;
}

.portal-notice-left {
    width: 110px;
    height: 30px;
    float: left;
    background: url("../images/Party/notice-left.jpg") no-repeat;
}

.portal-notice-center {
    width: 845px;
    float: left;
    background: #F7B000;
    height: 30px;
    line-height: 30px;
    text-align: left;
}

.portal-notice-right {
    width: 7px;
    height: 30px;
    float: left;
    background: url("../images/Party/notice-right.jpg") no-repeat;
}

.portal-footer {
    background: url("../images/Party/footer-background.jpg");
    width: 962px;
    border: 1px solid #E45245;
    border-bottom: 0px;
    padding-top: 5px; /*height: 65px;*/
    margin: 0px auto;
    text-align: center;
}

    .portal-footer span {
        height: 24px;
        line-height: 24px;
        color: #FFFFFF;
    }

    .portal-footer a {
        color: Yellow;
        text-decoration: underline;
    }

.portal-page-content {
    padding-left: 5px;
    width: 957px;
    margin: 0px auto;
    border-left: 1px solid #E45245;
    border-right: 1px solid #E45245;
}

.more-page-menu {
    background: url("../images/Party/more-page-menu-middle.jpg") repeat-y;
    width: 315px;
}

.more-page-menu-main {
    background: url("../images/Party/more-page-menu-top.jpg") no-repeat;
    width: 315px;
    height: 500px;
    padding-top: 70px;
}

.more-page-menu-main2 {
    background: url("../images/OrganisationDepartment/more-page-menu-top2.jpg") no-repeat;
    width: 315px;
    height: 500px;
}

.more-page-menu-bottom {
    background: url("../images/Party/more-page-menu-bottom.jpg") no-repeat;
    width: 315px;
    height: 11px;
}

.more-page-menu-item {
    width: 259px;
    height: 42px;
    background: url("../images/Party/more-page-menu-item.gif") no-repeat;
    font-size: 14px;
    font-weight: bolder;
    text-align: center;
    line-height: 42px;
    margin: 5px auto;
    cursor: pointer;
}

.more-page-menu-item-actived {
    background: url("../images/Party/more-page-menu-item-actived.gif") no-repeat;
    color: #FFFFFF;
}

.center-page-menu {
    height: 600px;
    float: left;
    border: 1px solid #E45245;
    width: 185px;
    margin: 2px;
}

.center-page-content {
    height: 600px;
    float: right;
    border: 1px solid #E45245;
    width: 757px;
    margin: 2px;
}

.my-main-navigation {
    padding-left: 10px;
}

    .my-main-navigation a, .my-main-navigation span {
        height: 24px;
        line-height: 24px;
        color: #E45245;
    }

.my-main-menu .left {
    width: 17px;
    height: 47px;
    background: url("../images/Party/my-main-menu-left.jpg") no-repeat;
    display: inline-block;
    float: left;
}

.my-main-menu .center {
    width: 927px;
    height: 47px;
    background: url("../images/Party/my-main-menu-center.jpg") repeat-x;
    display: inline-block;
    float: left;
}

.my-main-menu .right {
    width: 18px;
    height: 47px;
    background: url("../images/Party/my-main-menu-right.jpg") no-repeat;
    display: inline-block;
    float: left;
}

.my-main-menu .menu-item a {
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    display: inline-block;
    width: 120px;
    height: 47px;
    text-align: center;
}

    .my-main-menu .menu-item a:hover {
        background: url("../images/Party/my-main-menu-hover.jpg") no-repeat;
        color: #C93728;
    }

.my-main-menu .menu-item-actived a {
    background: url("../images/Party/my-main-menu-hover.jpg") no-repeat;
    color: #C93728;
}

.my-main-branch-home-link {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 47px;
    line-height: 47px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}

.my-main-userinfo {
    width: 150px;
    margin: 0px auto;
    border-bottom: 1px solid #000;
}

    .my-main-userinfo span {
        font-size: 30px;
        font-weight: bold;
    }

    .my-main-userinfo a {
        color: #CCC;
        margin-left: 10px;
    }

.my-main-setting a {
    font-size: 14px;
    font-weight: bold;
    margin-left: 12px;
}

.my-main-order span {
    font-size: 12px;
    font-weight: bold;
    margin-left: 12px;
}

.my-main-button {
    background: #E8756E url("../images/Party/my-main-button.jpg") no-repeat right;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border: none;
    padding-right: 15px;
    -padding-right: 0px;
    cursor: pointer;
    display: inline-block;
}

.my-main-detail {
    background: url("../images/Party/button-detail.jpg") no-repeat center 0px;
    height: 19px;
    width: 40px;
    cursor: pointer;
    color: #fff;
    line-height: 19px;
    text-align: center;
    border: none;
}

.my-main-content {
    height: 390px;
}

.my-main-score-table-icon {
    width: 80px;
    text-align: center;
    border-right: 1px solid #E45245;
}

    .my-main-score-table-icon span {
        display: block;
        width: 80px;
        text-align: center;
        color: #E45245;
        font-weight: bold;
    }

.my-main-icon-list li {
    float: left;
    margin: 5px 0px;
}

.my-main-icon-list a {
    display: inline-block;
    width: 122px;
    padding-top: 82px;
}

.my-main-icon-list span {
    width: 122px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    color: #E45245;
}

.my-main-icon-listEx {
}

    .my-main-icon-listEx li {
        float: left;
        margin: 2px 0px;
    }

    .my-main-icon-listEx a {
        display: inline-block;
        width: 100px;
        padding-top: 50px;
    }

    .my-main-icon-listEx span {
        width: 100px;
        margin-top: 6px;
        line-height: 24px;
        display: inline-block;
        text-align: center;
        font-weight: bold;
        color: #E45245;
    }





.button-party-activity-card {
    background: url("../images/Party/button-party-activity-card-hover.jpg") no-repeat center 0px;
}

    .button-party-activity-card:hover {
        background: url("../images/Party/button-party-activity-card.jpg") no-repeat center 0px;
    }

.button-base-branch-life {
    background: url("../images/Party/button-base-branch-life-hover.jpg") no-repeat center 0px;
}

    .button-base-branch-life:hover {
        background: url("../images/Party/button-base-branch-life.jpg") no-repeat center 0px;
    }

.button-hand-branch-life {
    background: url("../images/Party/button-hand-branch-life-hover.jpg") no-repeat center 0px;
}

    .button-hand-branch-life:hover {
        background: url("../images/Party/button-hand-branch-life.jpg") no-repeat center 0px;
    }

.button-party-love {
    background: url("../images/Party/button-party-love-hover.jpg") no-repeat center 0px;
}

    .button-party-love:hover {
        background: url("../images/Party/button-party-love.jpg") no-repeat center 0px;
    }

.button-intelligence-analyse {
    background: url("../images/Party/button-intelligence-analyse.jpg") no-repeat center 0px;
}

    .button-intelligence-analyse:hover {
        background: url("../images/Party/button-intelligence-analyse-hover.jpg") no-repeat center 0px;
    }

.button-branch-transfer {
    background: url("../images/Party/button-branch-transfer-hover.jpg") no-repeat center 0px;
}

    .button-branch-transfer:hover {
        background: url("../images/Party/button-branch-transfer.jpg") no-repeat center 0px;
    }

.button-volunteer-service {
    background: url("../images/Party/button-volunteer-service-hover.jpg") no-repeat center 0px;
}

    .button-volunteer-service:hover {
        background: url("../images/Party/button-volunteer-service.jpg") no-repeat center 0px;
    }

.button-photo-wall {
    background: url("../images/Party/button-photo-wall-hover.jpg") no-repeat center 0px;
}

    .button-photo-wall:hover {
        background: url("../images/Party/button-photo-wall.jpg") no-repeat center 0px;
    }

.button-three-meeting-one-course {
    background: url("../images/Party/button-three-meeting-one-course-hover.jpg") no-repeat center 0px;
}

    .button-three-meeting-one-course:hover {
        background: url("../images/Party/button-three-meeting-one-course.jpg") no-repeat center 0px;
    }

.button-party-work-box {
    background: url("../images/Party/button-party-work-box-hover.jpg") no-repeat center 0px;
}

    .button-party-work-box:hover {
        background: url("../images/Party/button-party-work-box.jpg") no-repeat center 0px;
    }

.button-party-cost-pay {
    background: url("../images/Party/button-party-cost-pay-hover.jpg") no-repeat center 0px;
}

    .button-party-cost-pay:hover {
        background: url("../images/Party/button-party-cost-pay.jpg") no-repeat center 0px;
    }

.button-wisdom-map {
    background: url("../images/Party/button-wisdom-map.jpg") no-repeat center 0px;
}

    .button-wisdom-map:hover {
        background: url("../images/Party/button-wisdom-map-hover.jpg") no-repeat center 0px;
    }

.branch-manage-order-table-title {
    height: 46px;
    background: url("../images/Party/branch-manage-order-table-title.jpg") no-repeat center 0px;
}

.branch-manage-score-table {
    height: 120px;
    width: 250px;
    margin: 0px auto;
}

    .branch-manage-score-table td {
        height: 24px;
        line-height: 24px;
    }

.branch-manage-content {
    height: 532px;
}

.button-party-member-manage {
    background: url("../images/Party/button-party-member-manage.jpg") no-repeat center 0px;
}

    .button-party-member-manage:hover {
        background: url("../images/Party/button-party-member-manage-hover.jpg") no-repeat center 0px;
    }

.button-branch-trends {
    background: url("../images/Party/button-branch-trends.jpg") no-repeat center 0px;
}

    .button-branch-trends:hover {
        background: url("../images/Party/button-branch-trends-hover.jpg") no-repeat center 0px;
    }

.button-branch-party-cost-pay {
    background: url("../images/Party/button-branch-party-cost-pay.jpg") no-repeat center 0px;
}

    .button-branch-party-cost-pay:hover {
        background: url("../images/Party/button-party-cost-pay.jpg") no-repeat center 0px;
    }

.button-branch-photo-wall {
    background: url("../images/Party/button-branch-photo-wall.jpg") no-repeat center 0px;
}

    .button-branch-photo-wall:hover {
        background: url("../images/Party/button-photo-wall.jpg") no-repeat center 0px;
    }

.button-honour-manage {
    background: url("../images/Party/button-honour-manage.jpg") no-repeat center 0px;
}

    .button-honour-manage:hover {
        background: url("../images/Party/button-honour-manage-hover.jpg") no-repeat center 0px;
    }

.button-two-new-area {
    background: url("../images/Party/button-two-new-area.jpg") no-repeat center 0px;
}

    .button-two-new-area:hover {
        background: url("../images/Party/button-two-new-area-hover.jpg") no-repeat center 0px;
    }

.button-manage-remind {
    background: url("../images/Party/button-manage-remind.jpg") no-repeat center 0px;
}

    .button-manage-remind:hover {
        background: url("../images/Party/button-manage-remind-hover.jpg") no-repeat center 0px;
    }

.button-change-skin {
    background: url("../images/Party/button-change-skin.jpg") no-repeat center 0px;
}

    .button-change-skin:hover {
        background: url("../images/Party/button-change-skin-hover.jpg") no-repeat center 0px;
    }

.button-party-work-report {
    background: url("../images/Party/button-party-work-report.jpg") no-repeat center 0px;
}

    .button-party-work-report:hover {
        background: url("../images/Party/button-party-work-report-hover.jpg") no-repeat center 0px;
    }

.button-secretary-talking {
    background: url("../images/Party/button-secretary-talking.jpg") no-repeat center 0px;
}

    .button-secretary-talking:hover {
        background: url("../images/Party/button-secretary-talking-hover.jpg") no-repeat center 0px;
    }

.button-party-work-public {
    background: url("../images/Party/button-party-work-public.jpg") no-repeat center 0px;
}

    .button-party-work-public:hover {
        background: url("../images/Party/button-party-work-public-hover.jpg") no-repeat center 0px;
    }

.button-one-branch-one-brand {
    background: url("../images/Party/button-one-branch-one-brand.jpg") no-repeat center 0px;
}

    .button-one-branch-one-brand:hover {
        background: url("../images/Party/button-one-branch-one-brand-hover.jpg") no-repeat center 0px;
    }

.button-branch-volunteer-service {
    background: url("../images/Party/button-branch-volunteer-service.jpg") no-repeat center 0px;
}

    .button-branch-volunteer-service:hover {
        background: url("../images/Party/button-volunteer-service.jpg") no-repeat center 0px;
    }

.button-branch-transfer2 {
    background: url("../images/Party/button-branch-transfer2.jpg") no-repeat center 0px;
}

    .button-branch-transfer2:hover {
        background: url("../images/Party/button-branch-transfer.jpg") no-repeat center 0px;
    }

.button-member-find-branch {
    background: url("../images/Party/button-member-find-branch.jpg") no-repeat center 0px;
}

    .button-member-find-branch:hover {
        background: url("../images/Party/button-member-find-branch-hover.jpg") no-repeat center 0px;
    }

.button-join-party {
    background: url("../images/Party/button-join-party.jpg") no-repeat center 0px;
}

    .button-join-party:hover {
        background: url("../images/Party/button-join-party-hover.jpg") no-repeat center 0px;
    }

.button-learn-18-meeting {
    background: url("../images/Party/button-learn-18-meeting.jpg") no-repeat center 0px;
}

    .button-learn-18-meeting:hover {
        background: url("../images/Party/button-learn-18-meeting-hover.jpg") no-repeat center 0px;
    }

.button-branch-TaskList {
    background: url("../images/Party/button-branch-TaskList.jpg") no-repeat center 0px;
}

    .button-branch-TaskList:hover {
        background: url("../images/Party/button-branch-TaskList-hover.jpg") no-repeat center 0px;
    }

.button-branch-MyOrg {
    background: url("../images/Party/button-branch-MyOrg.jpg") no-repeat center 0px;
}

    .button-branch-MyOrg:hover {
        background: url("../images/Party/button-branch-MyOrg-hover.jpg") no-repeat center 0px;
    }

.button-branch-LearnCourse {
    background: url("../images/Party/button-branch-LearnCourse.jpg") no-repeat center 0px;
}

    .button-branch-LearnCourse:hover {
        background: url("../images/Party/button-branch-LearnCourse-hover.jpg") no-repeat center 0px;
    }

.button-branch-BranchActivitie {
    background: url("../images/Party/button-branch-BranchActivitie.jpg") no-repeat center 0px;
}

    .button-branch-BranchActivitie:hover {
        background: url("../images/Party/button-branch-BranchActivitie-hover.jpg") no-repeat center 0px;
    }

.button-branch-MemberSound {
    background: url("../images/Party/button-branch-MemberSound.jpg") no-repeat center 0px;
}

    .button-branch-MemberSound:hover {
        background: url("../images/Party/button-branch-MemberSound-hover.jpg") no-repeat center 0px;
    }
/***********************门户内容样式***********************/

.login-area {
    background: url("../images/Party/login-area-background.jpg") no-repeat;
    width: 314px;
    height: 148px;
    position: relative;
}

.login-area-table {
    position: absolute;
    top: 25px;
    line-height: 180%;
}

    .login-area-table th {
        font-size: 16px;
        font-weight: bolder;
        color: #FFFFFF;
    }

.login-area-button-login {
    background: url("../images/Party/login-area-button-login.png") no-repeat;
    width: 62px;
    height: 52px;
}

.login-area-forgot-password {
    background: url("../images/Party/login-area-button-forgot-password.png") no-repeat;
    width: 91px;
    height: 32px;
    display: inline-block;
}

.login-area-user-register {
    background: url("../images/Party/login-area-button-user-register.png") no-repeat;
    width: 92px;
    height: 32px;
    display: inline-block;
    margin-left: 2px;
}

.logined-area-forgot-myhomepage {
    background: url("../images/Party/button-my-default.gif") no-repeat;
    width: 90px;
    height: 31px;
    display: inline-block;
}

.logined-area-user-loginout {
    background: url("../images/Party/button-cancel-out.gif") no-repeat;
    width: 90px;
    height: 31px;
    display: inline-block;
    margin-left: 2px;
}

.party-score-top {
    background: url("../images/Party/party-socre-top.jpg") no-repeat -5px 0px;
    width: 295px;
    height: 33px;
    margin: 0px auto;
}

.party-score-table {
    width: 295px;
    margin: 10px auto 0px;
}

    .party-score-table td, .party-score-table th {
        height: 22px;
        line-height: 22px;
        font-weight: normal;
        padding-left: 5px;
    }

    .party-score-table th {
        border-right: 1px solid #D56B5E;
    }

.party-score-table-title td, .party-score-table-title th {
    font-weight: bolder;
    color: #D56B5E;
    font-size: 14px;
}

.party-score-table-title th {
    border-right: 2px solid #D56B5E;
}

.party-score-bottom {
    position: relative;
}

.button-score-rule {
    background: url("../images/Party/button-score-rule.jpg") no-repeat;
    width: 118px;
    height: 36px;
    display: block;
    margin: 16px auto 0px;
}

.party-score-more {
    float: right;
    margin-top: -20px;
}

.widget-list {
    display: block;
    height: 88px;
}

    .widget-list li {
        height: 22px;
        line-height: 22px;
    }

.widget-list-more {
    float: right;
    margin-top: -5px;
    -margin-top: -10px;
}

.widget-list-more2 {
    float: right;
    margin-top: 0px;
    margin-right: 5px;
}

.widget-news-summary {
    background: url("../images/Party/widget-news-summary-background.jpg") no-repeat right center;
}

.party-find-party-map {
    background: url("../images/Party/party-find-pary-map.jpg") no-repeat;
    width: 297px;
    height: 159px;
    margin-left: 10px;
    display: inline-block;
}

.button-find-party-branch {
    width: 103px;
    height: 41px;
    display: inline-block;
    background: url("../images/Party/party-button-find-party-branch.jpg") no-repeat;
}

.button-party-quick-register {
    margin-top: 10px;
    width: 103px;
    height: 41px;
    display: inline-block;
    background: url("../images/Party/party-button-quick-register.jpg") no-repeat;
}

.button-party-deputy-train {
    display: inline-block;
    width: 189px;
    height: 67px;
    display: inline-block;
    background: url("../images/Party/button-party-deputy-train.jpg") no-repeat;
}

.button-party-jewel-box {
    display: inline-block;
    width: 189px;
    height: 67px;
    display: inline-block;
    background: url("../images/Party/button-party-jewel-box.jpg") no-repeat;
    margin: 8px 0px;
}

.button-secretary-window {
    display: inline-block;
    width: 189px;
    height: 67px;
    display: inline-block;
    background: url("../images/Party/button-secretary-window.jpg") no-repeat;
}

.party-banner-learn-18 a {
    display: inline-block;
    width: 962px;
    height: 118px;
    background: url("../images/Party/widget-banner-learn-18.jpg") no-repeat;
}

.join-party-list li {
    float: left;
    height: 121px;
}

.join-party-list a {
    display: inline-block;
    margin-top: 10px;
}

.join-party-list span {
    display: block;
    width: 98px;
    text-align: center;
    font-size: 14px;
    font-weight: bolder;
    color: #CE7F00;
}

.button-join-party-flow {
    background: url("../images/Party/button-join-party-flow.jpg") no-repeat center 0px;
    height: 71px;
}

.button-study-party-knowledge {
    background: url("../images/Party/button-study-party-knowledge.jpg") no-repeat center 0px;
    height: 71px;
}

.button-join-quick-register {
    background: url("../images/Party/button-join-quick-register.jpg") no-repeat center 0px;
    height: 71px;
}

.party-interact-exchange li {
    text-align: center;
    padding: 0px;
    margin: 0px;
    display: block;
    height: 34px;
}

.party-interact-exchange a {
    display: inline-block;
    width: 258px;
    height: 31px;
    margin: 1px 0px;
}

.button-question-feedback {
    background: url("../images/Party/button-question-feedback.jpg") no-repeat;
}

.button-71-forum {
    background: url("../images/Party/button-71-forum.jpg") no-repeat;
}

.button-people-sound {
    background: url("../images/Party/button-people-sound.jpg") no-repeat;
}

.button-weibo {
    background: url("../images/Party/button-weibo.jpg") no-repeat;
}

/**********图片新闻开始********/

.smallslider {
    position: relative;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

    .smallslider ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        position: absolute;
        width: auto;
        height: auto;
    }

    .smallslider li {
        margin: 0;
        padding: 0;
    }

        .smallslider li a {
            margin: 0;
            padding: 0;
        }

            .smallslider li a img {
                border: 0;
                padding: 0;
                margin: 0;
                vertical-align: top;
            }

    .smallslider h3 {
        position: absolute;
        font-weight: bold;
        font-size: 14px;
        margin: 0;
        padding: 0;
        text-indent: 2%;
        line-height: 30px;
        z-index: 102;
        width: 98%;
        color: #CCC;
    }

        .smallslider h3 a {
            padding: 0;
            margin: 0;
            text-indent: 0;
        }

            .smallslider h3 a:link, .smallslider h3 a:visited {
                text-decoration: none;
                color: #FFFFFF;
            }

            .smallslider h3 a:hover {
                text-decoration: underline;
                color: #FF6600;
            }

    .smallslider li.current-li {
    }

.smallslider-btns {
    position: absolute;
    z-index: 103;
}

    .smallslider-btns span {
        border: 1px solid #DCDCDC;
        color: #9F9F9F;
        cursor: pointer;
        float: left;
        font-size: 12px;
        height: 16px;
        line-height: 16px;
        text-align: center;
        width: 16px;
    }

        .smallslider-btns span.current-btn {
            background-color: #C00100;
            border: 1px solid #A00100;
            color: white;
            font-size: 13px;
            font-weight: bold;
        }

.smallslider-lay {
    position: absolute;
    background: black;
    height: 30px;
    width: 100%;
    z-index: 101;
}

.smallslider-tex {
    height: 30px;
}

.images-news {
    width: 435px;
    height: 265px;
    border: 1px solid #E45245;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

    .images-news img {
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
    }

.smallslider-lay {
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
}

/**********文章开始********/
.article-title {
    color: #2B2B2B;
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    padding-top: 15px;
}

.article-info {
    color: #2B2B2B;
    text-align: center;
    padding: 10px 0px;
    border-bottom: 1px solid #ccc; /*20160115方俊添加*/
}

.article-content {
    margin-top: 15px; /*20160115方俊添加*/
    color: #2B2B2B;
    font-size: 14px;
    line-height: 23px;
    text-align: justify;
    word-wrap: break-word;
    text-indent: 0px;
    padding: 0px 5px 5px 5px;
}
/**********文章结束********/

.party-navigation {
    height: 44px;
    line-height: 44px;
}

.party-navigation span {
    cursor: pointer;
}

/**********文章列表分页**************/
/*.pagination {
    margin-top: 10px;
    padding-left: 5px;
    text-align: center;
}

#pagination {
    display: inline-block;
}

.pagination a {
    text-decoration: none;
    color: #F58430;
    background: #FFFFFF;
}

.pagination a, .pagination span {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url("../Images/Party/page-item.jpg") no-repeat;
    float: left;
    line-height: 28px;
    text-align: center;
    margin: 0px 2px;
}

.pagination .current {
    color: #FFFFFF;
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url("../Images/Party/page-item-actived.jpg") no-repeat;
}

/*.pagination .current.prev, .pagination .current.next{
	color:#999;
	border-color:#999;
	background:#fff;
}*//*
.pagination .prev {
    width: 28px;
    height: 28px;
    background: url("../Images/Party/page-prev.jpg") no-repeat;
    display: inline-block;
}

.pagination .next {
    width: 28px;
    height: 28px;
    background: url("../Images/Party/page-next.jpg") no-repeat;
    display: inline-block;
}

.more-list-title {
    background: url("../Images/Party/widget-list-title-background.jpg") repeat-x;
    height: 30px;
    line-height: 30px;
    color: #FFFFFF;
}

.more-list-tr1 td {
    height: 24px;
    line-height: 24px;
    border-bottom: 1px dotted #CCCCCC;
}

.more-list-tr2 td {
    height: 24px;
    line-height: 24px;
    border-bottom: 1px dotted #CCCCCC;
}*/
/******************文章列表分页结束*************/

.join-party-step {
    background: url("../Images/Party/join-party-button-backgound.jpg") no-repeat scroll center center transparent;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 27px;
    line-height: 27px;
    margin: 10px;
    width: 150px;
}

.party-portal-content-title {
    background: url("../images/Party/widget-list-title-background.jpg") repeat-x scroll 0 0 transparent;
    border-bottom: 1px solid #D4622A;
    color: #FFFFFF;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
}

    .party-portal-content-title td {
        background: url("../images/Party/widget-list-title-background.jpg") repeat-x scroll 0 0 transparent;
        border-bottom: 1px solid #D4622A;
        color: #FFFFFF;
        font-size: 14px;
        height: 30px;
        line-height: 30px;
        padding-left: 5px;
    }

.party-portal-content-table {
    background: #D4622A;
}

    .party-portal-content-table th {
        background: #FBE697;
        text-align: left;
        padding-left: 5px;
        line-height: 22px;
    }

    .party-portal-content-table td {
        background: #FFFFFF;
        line-height: 35px;
        padding-left: 5px;
    }

    .party-portal-content-table table td {
        padding-left: 0px;
    }

.party-portal-content-title td {
    background: url("../images/Party/widget-list-title-background.jpg") repeat-x scroll 0 0 transparent;
    border-bottom: 1px solid #D4622A;
    color: #FFFFFF;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
}

.button-party-submit {
    background: url("../Images/Buttons/party-submit.jpg") no-repeat scroll 0 0 transparent;
    border: 0px;
    cursor: pointer;
    height: 27px;
    width: 79px;
}

/**********入党申请流程**********/
.join-party-apply {
    width: 271px;
    height: 57px;
    background: url("../Images/Party/join-party-apply.jpg") no-repeat;
    margin: 0px auto 8px;
}

.join-party-apply-flow a {
    display: inline-block;
    width: 271px;
    height: 57px;
}

.join-party-apply-flow1 {
    width: 271px;
    height: 57px;
    background: url("../Images/Party/join-party-apply-flow1.jpg") no-repeat;
    margin: 8px auto;
}

.join-party-apply-flow2 {
    width: 271px;
    height: 57px;
    background: url("../Images/Party/join-party-apply-flow2.jpg") no-repeat;
    margin: 8px auto;
}

.join-party-apply-flow3 {
    width: 271px;
    height: 57px;
    background: url("../Images/Party/join-party-apply-flow3.jpg") no-repeat;
    margin: 8px auto;
}

.join-party-apply-flow4 {
    width: 271px;
    height: 57px;
    background: url("../Images/Party/join-party-apply-flow4.jpg") no-repeat;
    margin: 8px auto;
}

.join-party-apply-flow5 {
    width: 271px;
    height: 57px;
    background: url("../Images/Party/join-party-apply-flow5.jpg") no-repeat;
    margin: 8px auto 0px;
}

/**********入党申请流程**********/

/**********荣誉殿堂开始********/
.honour-palace {
}

    .honour-palace li {
        float: left;
        display: inline-block;
        margin: 3px 10px;
    }

.honour-image {
}

    .honour-image img {
        width: 120px;
        height: 90px;
        border: 1px solid #E45245;
        display: inline-block;
    }

.honour-title {
    margin-top: 3px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    display: block;
}

.honour-tab {
    height: 29px;
    line-height: 29px;
    background: url("../Images/Party/honour-tap-background.jpg") no-repeat top left;
}

    .honour-tab li {
        width: 80px;
        text-align: center;
        height: 29px;
        float: left;
        line-height: 29px;
        font-weight: bold;
    }

    .honour-tab a {
        color: #CB6000;
    }
/**********荣誉殿堂结束********/

/**********内容图片列表开始********/
.widgets-content-image-list li {
    float: left;
    margin: 5px 15px;
    width: 120px;
    height: 144px;
}

.widgets-content-image-list img {
    width: 120px;
    height: 90px;
    border: 1px solid #E45245;
    display: inline-block;
}

.widgets-content-image-list span {
    display: block;
    text-align: center;
    height: 22px;
    line-height: 22px;
}

.widgets-content-image-list-View {
    width: 71px;
    height: 27px;
}
/**********内容图片列表开始********/

/**********党员电子活动证开始***********/
.permit-main {
    background: #E13409;
    width: 962px;
    display: inline-block;
    height: auto;
}

.permit-left {
    width: 289px;
    height: 550px;
    float: left;
    display: inline-block;
    background: url(../Images/Party/permit-left.jpg) no-repeat;
}

    .permit-left ul {
        width: 100%;
        margin-top: 80px;
        list-style: none;
        padding: 0px;
    }

        .permit-left ul li {
            padding: 0px;
            margin: 0px;
            height: 40.5px;
            line-height: 40.5px;
            text-align: center;
            list-style: none;
        }

            .permit-left ul li:hover {
                height: 40.5px;
                line-height: 40.5px;
                background: url(../Images/Party/permit-left-list-hover.png) no-repeat center center;
                text-align: center;
            }

            .permit-left ul li a {
                font-family: @Microsoft;
                font-size: 14px;
                color: #fff;
                text-decoration: none;
                font-weight: bold;
            }

.permit-right {
    width: 673px;
    height: 65px;
    float: left;
    display: inline-block;
}

.permit-right-path {
    width: 650px;
    height: 65px;
    float: left;
    margin-left: 7px;
    background: url(../Images/Party/permit-path.jpg) no-repeat;
    line-height: 65px;
    text-indent: 40px;
    color: #bc0404;
    font-size: 14px;
}

.permit-right-contant {
    margin-left: 7px;
    width: 650px;
    height: 475px;
    float: left;
    background: #fff;
}

.permit-right-contant-infro {
    margin-left: 20px;
    display: inline-table;
    margin-top: 10px;
}

    .permit-right-contant-infro th {
        font-weight: normal;
        color: #333;
        height: 28px;
        line-height: 28px;
        border-bottom: 1px solid #eee;
        width: 100px;
        text-align: right;
        font-size: 14px;
    }

    .permit-right-contant-infro td {
        font-weight: normal;
        color: #bc0404;
        height: 28px;
        line-height: 28px;
        text-indent: 5px;
        text-align: left;
        font-size: 14px;
        border-bottom: 1px solid #eee;
    }

.permit-right-contant-photo {
    width: 85px;
    height: 100px;
    border: 1px solid #eee;
    float: right;
    display: inline-table;
    margin-right: 30px;
    margin-top: 20px;
}

.permit-path {
    font-size: 14px;
    height: 40px;
    border-bottom: 1px solid #aaaaaa;
    line-height: 40px;
    text-align: left;
}

.permit-button {
    margin-top: 10px;
    text-align: center;
}

.permit-button-up {
    background: url(../Images/Party/permit-button-up.jpg) no-repeat;
    border: none;
    width: 76px;
    height: 23px;
    cursor: pointer;
}

.permit-button-next {
    background: url(../Images/Party/permit-button-next.jpg) no-repeat;
    border: none;
    width: 76px;
    height: 23px;
    cursor: pointer;
}

/**********党员电子活动证结束***********/

/**********党群图片库开始**********/
.btn-phote-prev {
    float: left;
    width: 51px;
    height: 91px;
    background: url("../Images/Party/botton-photo-prev.jpg") no-repeat;
    cursor: pointer;
    margin: 235px 5px 5px 5px;
}

.photo-container {
    width: 800px;
    height: 560px;
    border: 1px solid #E45245;
    float: left;
}

.photo-container2 {
    width: 600px;
    height: 1025px;
    border: 1px solid #E45245;
    float: left;
}

.btn-photo-next {
    float: left;
    width: 51px;
    height: 91px;
    background: url("../Images/Party/botton-photo-next.jpg") no-repeat;
    cursor: pointer;
    margin: 235px 5px 5px 5px;
}

.photo-item {
    display: none;
}

.photo-item-show {
    display: inline-block;
}

.photo-content {
    width: 800px;
    margin: 10px auto;
    line-height: 20px;
}

.photo-preview-container {
    width: 790px;
    margin: 10px auto;
    border: 5px solid #E45245;
    height: 110px;
    overflow-x: scroll;
    overflow-y: hidden;
}

.preview-photo-list {
    height: 90px;
    width: 790px;
    overflow: hidden;
}

.preview-photo-item {
    float: left;
    margin: 5px;
    border: 1px solid #CCCCCC;
    cursor: pointer;
}

.preview-photo-item-actived {
    border: 1px solid red;
}

.photo-tab {
    height: 29px;
    line-height: 29px;
}

    .photo-tab li {
        width: 80px;
        text-align: center;
        height: 29px;
        float: left;
        line-height: 29px;
        font-weight: bold;
        cursor: pointer;
    }

        .photo-tab li a {
            color: #CB6000;
            width: 80px;
            text-align: center;
            height: 29px;
            line-height: 29px;
        }

        .photo-tab li:hover {
            width: 80px;
            cursor: pointer;
            text-align: center;
            height: 29px;
            line-height: 29px;
            background: url("../Images/Party/photo-tab-hover.jpg") no-repeat bottom center;
        }
/**********党群图片库结束**********/

.my-main-page-task-count {
    height: 24px;
    width: 24px;
    background: url("../Images/Party/party-portal-red-circle.png") no-repeat;
    display: inline-block;
    position: absolute;
    text-align: center;
    line-height: 24px;
    color: #FFFFFF;
    left: 210px;
    top: 0px;
    cursor: pointer;
}

.party-center-button {
    background: #F9AA1A;
    color: #FFFFFF;
    border: 1px solid #FFFFC7;
    height: 22px;
    line-height: 22px;
    padding: 0px 5px;
    position: relative;
    left: 50px;
}

.button-party-prev-page {
    width: 80px;
    height: 22px;
    background: url("../images/party/button-prev-page.jpg") no-repeat;
    display: inline-block;
    cursor: pointer;
}

.button-party-next-page {
    width: 80px;
    height: 22px;
    background: url("../images/party/button-next-page.jpg") no-repeat;
    display: inline-block;
    margin-left: 30px;
    cursor: pointer;
}

/**********志愿服务详细页开始**********/

.vs-studio-post {
    line-height: 180%;
    padding: 5px;
    display: inline-block;
}

.vs-studio-content {
    width: 98%;
    line-height: 180%;
    display: inline-block;
    border: 1px solid #E5695D;
}

.vs-studio-interactive {
    width: 98%;
    height: 600px;
    margin-top: 15px;
}
/**********志愿服务详细页结束**********/

/********** 网络投票 开始**********/
.party-branch-page {
    background: url("../images/party/party-branch-background.jpg") repeat-x;
}

.party-branch-activity {
    width: 612px;
    height: 347px;
    background: url("../images/party/party-branch-activity-background.jpg") no-repeat;
}

.party-VoteSecretary-page {
    background: url("../images/party/party-branch-background.jpg") repeat-x;
}

.party-VoteSecretary-activity {
    width: 612px;
    height: 347px;
    background: url("../images/PartyEx/party-VoteSecretary-activity-background.jpg") no-repeat;
}

.party-VoteSecretary-activity-text {
    line-height: 30px;
    width: 440px;
    text-align: left;
    position: relative;
    top: 100px;
    font-size: 14px;
    left: 150px;
    text-indent: 32px;
    letter-spacing: 2px;
}

.party-branch-activity-text {
    line-height: 180%;
    width: 410px;
    text-align: left;
    position: relative;
    top: 100px;
    font-size: 14px;
    left: 180px;
    text-indent: 30px;
}

    .party-branch-activity-text a {
        color: #cc3300;
    }

.party-branch-activity-host {
    position: relative;
    top: 243px;
    font-size: 12px;
    left: 120px;
}

.party-voteSecretary-host {
    position: fixed;
    top: 342px;
    font-size: 12px;
    left: 220px;
}

.party-branch-rank {
    background: url("../images/party/party-branch-rank-background.jpg") no-repeat;
    width: 327px;
    height: 347px;
    position: absolute;
    left: 618px;
    top: 25px;
}

.party-branch-rank-table {
    position: relative;
    top: 60px;
    left: 10px;
}

.party-branch-area {
    background: #fff;
    width: 935px;
    margin-top: 10px;
    margin-left: 8px;
}

.party-branch-area-comment {
    background: #fff;
    width: 935px;
    margin-top: 10px;
    margin-left: 8px;
}

.party-branch-area-comment-list {
    background: #fff;
    width: 927px;
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 10px;
    margin-left: 8px;
}

.party-branch-area-comment-sub {
}

.party-branch-area-title {
    background: url("../images/party/party-branch-area-title.jpg") no-repeat;
    width: 935px;
    height: 42px;
}

.party-Secretary-area-title {
    background: url("../images/partyEX/party-VoteSecretary-area-title.jpg") no-repeat;
    width: 935px;
    height: 42px;
}

.party-Vote-area-title {
    background: url("../images/partyEX/party-Vote-area-title.jpg") no-repeat;
    width: 935px;
    height: 42px;
}

.BrandBtn-mouseout {
    border-style: none;
    background-color: transparent;
    width: 80px;
    height: 27px;
    background: url("../images/party/button-background.png") no-repeat;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.BrandBtn-mouseover {
    border-style: none;
    background-color: transparent;
    background: url("../images/party/button-background.png") no-repeat 0px -27px;
    width: 80px;
    height: 27px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.BrandBtn-disabled {
    width: 80px;
    height: 27px;
    color: #A0A0A0;
    font-size: 14px;
    font-weight: bold;
}
/**********社会组织一支部一品牌评比结束**********/

/**********在线考试开始**********/
.exa-table {
    line-height: 180%;
    font-size: 14px;
}

.exa-top {
    width: 100%;
    height: 50px;
    /**background: url("../images/party/exa-default-top.jpg") no-repeat top;***/
}

.exa-foot {
    width: 100%;
    height: 77px;
    /**background: url("../images/party/exa-default-foot.jpg") no-repeat bottom;***/
}

.exa-test-table {
    font-size: 12px;
    border: 1px solid #D4622A;
    text-align: left;
}

    .exa-test-table tr {
        height: 30px;
    }

    .exa-test-table .more-list-tr1 td {
        text-indent: 10px;
    }

    .exa-test-table a {
        color: #CC3300;
        text-decoration: underline;
    }

.exa-test-table-ul, .exa-test-table-ul li {
    padding: 0px;
    margin: 0px;
}

    .exa-test-table-ul li {
        list-style: url("../images/party/exa-icon.jpg") inside;
        float: left;
        text-align: left;
    }

.exa-result-table {
    font-size: 12px;
    height: 293px;
    width: 559px;
    line-height: 180%;
    background: url("../images/party/exa-result-background.jpg") no-repeat;
}

.exa-button-in {
    background: url("../images/party/exa-button-background.jpg") no-repeat;
    width: 140px;
    border: none;
    height: 37px;
    cursor: pointer;
}

.exa-button-inzgm {
    background: url("../images/partyEx/exa-button-backgroundZgm.jpg") no-repeat;
    width: 140px;
    border: none;
    height: 37px;
    cursor: pointer;
}

.Article-button-in {
    background: url("../images/party/Article-button-background.jpg") no-repeat;
    width: 140px;
    border: none;
    height: 37px;
    cursor: pointer;
}

.exa-button-i {
    background: url("../images/party/button-exa.jpg") no-repeat;
    width: 72px;
    border: none;
    height: 22px;
    cursor: pointer;
}
/**********在线考试结束**********/
.button-style {
    background: url("../images/party/button-background.png") no-repeat 0px 0px;
    width: 80px;
    height: 27px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    border: none;
    color: #fff;
}

    .button-style:hover {
        background: url("../images/party/button-background.png") no-repeat 0 -27px;
        width: 80px;
        height: 27px;
        line-height: 24px;
        text-align: center;
        cursor: pointer;
        border: none;
        color: #fff;
    }

/**********站内分享**********/
.MyShareBtn {
    border-style: none;
    background-color: transparent;
    width: 110px;
    height: 29px;
    background: url("../images/party/PartyMyShare.jpg") no-repeat;
}
